<!-- 目录按钮开始 -->
<div>
    <button
      type="button"
      data-tooltip-target="tooltip-toc"
      data-tooltip-placement="left"
      class="flex justify-center items-center w-8 h-8 text-black dark:text-white"
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="w-5 h-5"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          d="M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5"
        ></path>
      </svg>
      <span class="sr-only">目录</span>
    </button>
    <div
      id="tooltip-toc"
      role="tooltip"
      class="absolute z-10 invisible inline-block w-auto px-3 py-2 text-nowrap text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"
    >
      目录
      <div class="tooltip-arrow" data-popper-arrow></div>
    </div>
</div>
<!-- 目录按钮结束 -->